<template>
    <div>
      <van-tabbar v-model="active" route>
      <van-tabbar-item to="/home" name="home" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/classify" name="classify" icon="coupon-o">分类</van-tabbar-item>
      <van-tabbar-item to="/worth_buying" name="worth_buying" icon="bag-o" dot
        >值得买</van-tabbar-item
      >
      <van-tabbar-item to="/cart" name="cart" icon="cart-o">购物车</van-tabbar-item>
      <van-tabbar-item to="/personal" name="personal" icon="user-o" dot>个人</van-tabbar-item>
    </van-tabbar>
    </div>
</template>

<script>
export default {
  name:'footer_bar',
  data(){
    return{
      active:'home'
    }
  }
}
</script>

<style scoped>
.van-tabbar {
  border-top: solid 1px #d9d9d9;
}
.van-tabbar-item { 
  font-size: 0.2rem;
}
</style>